<template>
	<view>
		<view v-for="(item,index) in list" :key="index" class="mode shadow u-margin-top-20 list" @click="go(item)">
			
					 <slot name="top" :orderType="item.orderType"  :status="item.status" :top="item.top">
						 
					 </slot>
					 
					  <view class="row $u-type-info u-font-xs">
					     <text>姓名：{{item.recipient}}</text>
						 <text>/</text>
		  	             <text>电话：{{item.phone}}</text>
						 <text>/</text>
						 <text v-if="item.email">邮箱：{{item.email}}</text>
					  </view>
					  <view class="u-margin-top-10 u-margin-bottom-10 u-font-lg u-font-weight">{{item.remark}}</view>
					  <view class="u-flex u-margin-bottom-20">
						  <view v-for="(item1,index1) in item.image" :key="index1" class="u-margin-right-20 ">
						  				  <u-image :src="item1" width="200" height="200"></u-image>
						  </view>
					  </view>
					 
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			list:{
				type:Array,
				
			}
		},
		data(){
			return{
				item:{}
			}
		},
		created() {
			uni.hideShareMenu({
				
			})
		},
		methods:{
			go(item){
				this.$emit("go",item)
			},
		
		}
	}
</script>

<style>
	.list{
	   position: relative;
	   top: -8rpx;
	   left: 8rpx;
	   overflow: hidden;
	}
	.row text{
		margin-right: 10rpx;
	}
	.silk-ribbon{
		display: inline-block;
		text-align: center;
		width: 150rpx;
		height: 40rpx;
		line-height: 40rpx;
		position: absolute;
		top: 30rpx;
		right: -30rpx;
		z-index: 2;
		overflow: hidden;
		transform: rotate(45deg);
		border: 1px dashed;
		box-shadow: 0 0 0 3rpx #818DFF, 0px 21rpx 5rpx -18rpx rgb(0 0 0 / 60%);
		background: #818DFF;
		color: #fff;
		font-size: 24rpx;
	}
</style>
